
<%@page import="model.bean.BeanValoracion"%>
<%@page import="model.bean.BeanCategoria"%>
<%@page import="model.bean.BeanArchivo"%>
<%@page import="model.bean.BeanCurso"%>
<%@page import="model.bean.BeanUsuario"%>
<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<%
    response.setHeader("Pragma", "no-cache");
    response.setHeader("Cache-Control", "no-store");
    response.setHeader("Expires", "0");
    response.setDateHeader("Expires", -1);
     if (session.getAttribute("ID") == null) {
        response.sendRedirect(request.getContextPath());
    } else {
        BeanUsuario usuario = (BeanUsuario) session.getAttribute("usuario");
        BeanCurso beancurso = (BeanCurso) session.getAttribute("curso");
        ArrayList<BeanCurso> listusuarioxcurso = (ArrayList<BeanCurso>) session.getAttribute("listusuarioxcurso");                 
        ArrayList<BeanArchivo> listarchivosxcurso = (ArrayList<BeanArchivo>) session.getAttribute("listarchivosxcurso");                 
        ArrayList<BeanCategoria> listcategorias = (ArrayList <BeanCategoria>) session.getAttribute("listcategorias");      
        ArrayList<BeanValoracion> listvalorados = (ArrayList<BeanValoracion>) session.getAttribute("listvalorados");      
        ArrayList<BeanArchivo> listdescargados = (ArrayList<BeanArchivo>) session.getAttribute("listdescargados"); 
        ArrayList<BeanArchivo> listrecientes = (ArrayList<BeanArchivo>) session.getAttribute("listrecientes");  
%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>El Rincón Teleco!!</title>
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap-responsive.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap.min.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap-responsive.min.css"> 
        <style>
            .item {

                background: transparent;
                padding: 0px 0px 10px;
                height: 270px;
            }

        </style>
    </head>

    <body style="background: url('<%= request.getContextPath()%>/img/shattered.png') center repeat">

        <div class="container">
            <div class="item row-fluid">
                <div class="span9 hero-unit" style="background: transparent; border: transparent; text-align: center">

                    <h1>
                        El Rincón Teleco
                    </h1>
                </div>
                <div class="span3" style="padding: 0px 15px;">
                    <div class="well" style="right: 0px">
                            <blockquote>
                                <p class="text-success"> <i class="icon-user"></i> Codigo <%=usuario.getCodigo()%></p><br>                              
                                <small> <%=usuario.getPrivilegio().getNombre() %> </small>
                            </blockquote>        
                            
                            <a href="<%=request.getContextPath()%>/ServletLogOut" class="btn btn-success">Log Out</a>
                     
                            <!-- CAMBIO             
                            <button type="submit" class="btn btn-success">
                               <a href="<%= request.getContextPath()%>/ServletLogOut" >Log out</a>                                                     
                            </button>
                            -->        
                        </div>
                </div>
            </div>

            <!-- Navbar
            ================================================== -->

           <div class="navbar " >
                <div class="navbar-inner">                    
                    <ul class="nav" >
                        <li><a href="<%=request.getContextPath()%>/view/user/index.jsp"><i class="icon-home"></i> Inicio</a></li>

                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">Cursos <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li class="dropdown-submenu" >
                                    <a href="#">Ciclo 5</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">

                                    <a href="#">Ciclo 6</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>    

                                </li>

                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 7</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 8</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 9</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 10</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>

                                <li class="divider"></li>
                                <li class="nav-header">Electivos</li>
                                <li class="dropdown-submenu">
                                    <a href="#">Electivos de libre disponibilidad</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Moviles 2</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Aplicaciones moviles</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Banda Ancha</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Electivos de la especialidad</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Moviles 2</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Aplicaciones moviles</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Banda Ancha</a></li>
                                    </ul>
                                </li>


                            </ul>
                        </li>
                        <li><a href="http://btpucp.pucp.edu.pe/" target="_blank">Bolsa de Trabajo</a> </li>
                        <li><a href="https://pandora.pucp.edu.pe/pucp/login?TARGET=http%3A%2F%2Feros.pucp.edu.pe%2Fpucp%2Fjsp%2FIntranet.jsp" target="_blank">Intranet</a></li>

                    </ul>
                                    <div class="input-append pull-right" style="padding-top: 5px">
                        <input class="span2" id="buscar" type="text">
                        <button class="btn" type="button"><i class="icon-search"></i></button>
                    </div>
                </div>
            </div>

            <div class="row-fluid" id="inicio">
                <div class="span12">
                    
                    <div class=" well span3">
                        <div class="row-fluid" style=" width: 80%; padding:0 10%;">
                            <h5  align=center  ><i class="icon-user"></i> <%=usuario.getNombre() + " " + usuario.getApellidos()%> </h5>
                            <img src="<%=request.getContextPath()%>/img/mario.jpg" class="img-rounded">

                        </div>
                        <br>
                        <div class="row-fluid" style=" width: 80%; padding:0 10%;">
                            <div class="span14">
                                <ul class="nav nav-list well">
                                    <li><h5  align=center ><i class="icon-wrench"></i> Opciones </h5></li>
                                    <li><a href="<%=request.getContextPath()%>/view/user/inbox.jsp"><i class="icon-arrow-right"></i> Inbox <button class="btn btn-mini btn-danger" type="button">2</button></a></li>
                                    <li><a href="<%=request.getContextPath()%>/view/user/editar_perfil.jsp"><i class="icon-arrow-right"></i> Editar perfil</a></li>
                                    <li><a href="<%=request.getContextPath()%>/view/user/archivo/subir.jsp"><i class="icon-arrow-right"></i> Subir archivos</a></li>

                                </ul>
                            </div>

                        </div>
                        <br>
                         <div class="row-fluid" style=" width: 80%; padding:0 10%;">
                            <div class="span14">
                                <ul class="nav nav-list well">
                                    <li><h5  align=center ><i class="icon-eye-open"></i> Buscadores </h5></li>
                                   
                                    <li><a href="<%=request.getContextPath()%>/ServletCurso?action=viewall"><i class="icon-user"></i> TODOS LOS CURSOS</a></li>
                                    <li><a href="<%=request.getContextPath()%>/ServletArchivo?action=viewalluser"><i class="icon-download"></i> TODOS LOS ARCHIVOS</a></li>

                                </ul>
                            </div>

                        </div>
                         <br>           
                        <div class="row-fluid" style=" width: 80%; padding:0 10%;" >

                            <ul class="nav nav-list well">
                                <li><h5  align=center ><i class="icon-list"></i> Mis Cursos </h5></li>
                                <% for (BeanCurso curso : listusuarioxcurso) {%>
                                <li><a  href="<%=request.getContextPath()%>/ServletCurso?action=view&id=<%=curso.getIdcurso()%>"><i class="icon-arrow-right"></i> <%=curso.getNombre()%></a></li>
                                <% }%>
                                </br>
                                <a title="Suscribirse" href="<%=request.getContextPath()%>/ServletCurso?action=inscribir"><p align=center style="color:#040404"><i class="icon-star"></i> Agregar más...</p></a>
                            </ul>

                        </div>


                    </div>                      

                    <div class=" well span6">
                        <legend><%=beancurso.getNombre()%></legend>
                        
                        <form class="form-horizontal"action="<%=request.getContextPath()%>/ServletCurso?action=viewsearch&id=<%=beancurso.getIdcurso()%>" method="post">

                            
                            <div class="span5 pull-left">
                                <label class="">Tipo</label>
                                <select name="idcategoria">
                                    <% for (BeanCategoria categoria : listcategorias) {%>
                                    
                                    <option value="<%=categoria.getIdcategoria()%>" ><%=categoria.getNombre()%></option>
                                    <%}%>
                                </select>
                            </div>
                            <br>
                            <br>
                            <br>
                            <br>
                            <br>
                            <button type="submit" class="btn btn-success pull-right" >
                               Filtrar
                            </button>
                            <br>
                            <br>
                        </form>
                           
                        <% if(listarchivosxcurso.size()!=0){ %>
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Nombre</th>
                                    <th>Categoria</th>
                                    <th>Semestre</th>
                                    <th></th></tr>
                            </thead>
                            <tbody>
                                <% for (BeanArchivo archivo : listarchivosxcurso) {%>
                                <tr>
                                    <td><a href="<%=request.getContextPath()%>/ServletArchivo?action=viewdownloaduser&id=<%=archivo.getIdarchivo()%>"><%=archivo.getNombre()%></a></td>
                                    <td><%=archivo.getCategoria().getNombre()%></td>
                                    <td><%=archivo.getSemestre().getNombre()%></td>
                                    
                                </tr>
                                <%}%>
                                
                            </tbody>
                        </table>
                                <% }else{ %>
                            <h5 class="alert">No hay ningun archivo disponibles </h5>
                            <% } %>

                    </div>
                    <div class=" well span3">
                        <div class="row-fluid" style=" width: 80%; padding:0 10%;" >
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Reciente</h5></li>
                                    <% for (BeanArchivo archivo : listrecientes) {%>
                                <li><a  href="<%=request.getContextPath()%>/ServletArchivo?action=viewdownloaduser&id=<%=archivo.getIdarchivo()%>"><i class="icon-arrow-right"></i> <%=archivo.getNombre()%></a></li>
                                <% }%>
                                </ul>
                            </div>
                        </div>
                        <br>


                        <div class="row-fluid" style=" width: 80%; padding:0 10%;" >
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Descargado</h5></li>
                                    <% for (BeanArchivo archivo : listdescargados) {%>
                                <li><a  href="<%=request.getContextPath()%>/ServletArchivo?action=viewdownloaduser&id=<%=archivo.getIdarchivo()%>"><i class="icon-arrow-right"></i> <%=archivo.getNombre()%></a></li>
                                <% }%>
                                </ul>
                            </div>
                        </div>
                        <br>
                        <div class="row-fluid" style=" width: 80%; padding:0 10%;">
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Valorado</h5></li>
                                    <% for (BeanValoracion valoracion : listvalorados) {%>
                                <li><a  href="<%=request.getContextPath()%>/ServletArchivo?action=viewdownloaduser&id=<%=valoracion.getArchivo().getIdarchivo()%>"><i class="icon-arrow-right"></i> <%=valoracion.getArchivo().getNombre()%></a></li>
                                <% }%>
                                </ul>
                            </div>
                        </div>



                    </div>

                </div> 




            </div>
            <!-- Footer
             ================================================== -->
            <footer class="footer" id="bottom"><hr>
                <p class="pull-right"><a href="#">Ir arriba</a></p>
                <p align=center>El Rincón Teleco | © 2012 Pontificia Universidad Católica del Perú (PUCP) </p>
                <br><br></footer>


        </div><!-- /container -->

        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script type="text/javascript" src="<%= request.getContextPath()%>/js/jquery.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap.min.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap-dropdown.js"></script>


    </body>
</html>
<% }%>
